<script setup lang="ts">
import { routes as ROUTES } from '@/router'
import { computed } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()

const routes = computed(() => {
  return ROUTES[0].children
})
</script>

<template>
  AlexUi: Hello

  <div class="nav">
    <div v-for="(route, index) in routes" :key="index" @click="router.push(route.path)">
      {{ route.meta.title }}
    </div>
  </div>
</template>
